Segmented buttons 分段按鈕

分段按鈕是選擇工具，可顯示圖示和文字。支援單選或多選模式，適用於2-5個選項。選項過多時建議使用標籤。

1 單選按鈕適用於唯一選項的選擇，例如“字型大小”。2 多選按鈕適用於多個可選項，例如“價格範圍”篩選。
M2 tab樣式
M3 tab樣式

Color  顏色

分段按鈕的顏色由設計令牌（Design Tokens）控制，以確保在淺色模式和深色模式下都能正確顯示。

1 表面 On surface 2 邊框 Outline 3 次要容器 Secondary Container 4 On secondary container 在次要容器上
未選中狀態（Unselected）：1 啟用（Enabled）2 禁用（Disabled）3 懸停（Hovered）4 聚焦（Focused）5 按下（Pressed）
選中狀態（Selected）：1 啟用（Enabled）2 禁用（Disabled）3 懸停（Hovered）4 聚焦（Focused）5 按下（Pressed）
屬性值
容器寬度基於內容動態調整
分段寬度容器寬度除以分段數（最少 120dp）
高度40dp
圓角半徑8dp
標籤對齊居中
懸停時的邊框40dp
觸控目標大小48dp

Density  密度

在有限空間內，可使用密度調整降低高度：⚠ 注意：密度調整僅作用於高度，不會影響分段按鈕的寬度或間距。

預設高度：0（40dp）減少 1 級密度：-1（36dp）減少 2 級密度：-2（32dp）減少 3 級密度：-3（28dp）